<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link href="./sweetalert.css" rel="stylesheet">
    <script src="./sweetalert-dev.js" type="text/javascript"></script>-->

    <!--sweetalert2-->
    <link href="./sweetalert2/dist/sweetalert2.min.css" rel="stylesheet">
    <script src="./sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script>
</head>
<body>
<script>



    //sweetalert2  支持promise
    Swal.fire({
        title: '确定打开防火门吗？',
        type: 'warning',

        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',           //自定义按钮颜色
        confirmButtonText: '确定',
        cancelButtonText: '取消',

        allowOutsideClick: false, //true    如果设置为false，用户无法通过点击弹窗外部关闭弹窗。
        allowEscapeKey: false, //true   如果设置为false，用户无法通过按下Escape键关闭弹窗。
        allowEnterKey: false, //true 如果设置为false，用户无法通过按Enter键或空格键确认弹窗，除非手动使确认按钮获得焦点。
        buttonsStyling: true   //是否使用内置样式




      /*  title: '提示',
        text: "确认删除吗？",
        type: 'warning',
        showCancelButton: true,

        closeOnConfirm:false,     //点击确认  是否关闭弹窗       这里设置为  false  解决了  正在上传按钮不能显示的问题
        closeOnCancel:false,     //点击取消  是否关闭弹窗


        confirmButtonText: '确认',   // 确认删除弹窗消失估计也是一个异步任务
        cancelButtonText: '取消',

        showLoaderOnConfirm: false, //加载按钮是否可见*/


    }).then(function (isConfirm) {
        if (isConfirm.value) {
            alert(111)


        } else {
            alert('取消')


        }
    })







</script>
</body>
</html>